<header>

    <div class="expand-box">
        <div class="content-box expand-content">
            <div class="header-left expand-logo"></div>
            <div class="expand-nav">
                <ul class="ep-ul">
                    <li name="h1">
                        <a href="./index.html">首页</a>
                        <a href="./index.html#index1">业务内容</a>
                        <a href="./index.html#index2">联系我们</a>
                        <a href="./index.html#index3">我们的学校</a>
                        <a href="./index.html#index4">最新资讯</a>
                    </li>
                    <li name="h2">
                        <a href="./about.html">关于雕玛</a>
                        <a href="./about.html#about1">雕玛介绍</a>
                        <a href="./about.html#about2">业务内容</a>
                        <a href="./about.html#about3">愿景和使命</a>
                         
                    </li>
                    <li name="h3">
                        <a href="./college.html">美国领导力学院</a>
                        <a href="./college.html#col1">美国领导力学院简介</a>
                        <a href="./college.html#col2">美国领导力学院优势</a>
                        <a href="./college.html#col3">开放校区</a>
                        <a href="./college.html#col4">美国领导力学院掠影</a>
                        <a href="./college.html#col5">美国领导力学院荣誉</a>
                    </li>
                    <li name="h4">
                        <a href="./news.html">最新资讯</a>
                        <a href="./news.html#news1">企业资讯</a>
                        <a href="./news.html#news2">学校资讯</a>
                        <a href="./news.html#news3">留学新闻</a>
                    </li>
                    <li name="h5">
                        <a href="./qa.html">Q&A</a>
                        <a href="./qa.html">常见问题</a>
                    </li>
                    <li name="h6">
                        <a href="./contact.html">联系我们</a>
                        <a href="./contact.html">联系我们</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="content-box header-box wow fadeInDown" data-wow-duration="1s" data-wow-delay=".1s">
        <img src="./images/logo.png" class="header-left" />
        <div class="header-right">
            <ul id="headerlist">
                <li class="nav-active">
                    <a href="./index.html">首页</a>
                    <span></span>
                    <div class="navertc">
                        <a href="./index.html#index1">业务内容</a>
                        <a href="./index.html#index2">联系我们</a>
                        <a href="./index.html#index3">我们的学校</a>
                        <a href="./index.html#index4">最新资讯</a>
                    </div>
                </li>
                <li>
                    <a href="./about.html">关于雕玛</a>
                    <span></span>
                    <div class="navertc">
                               <a href="./about.html#about1">雕玛介绍</a>
                        <a href="./about.html#about2">业务内容</a>
                        <a href="./about.html#about3">愿景和使命</a>
                    </div>
                </li>
                <li>
                    <a href="./college.html">美国领导力学院</a>
                    <span></span>
                    <div class="navertc">
                                        <a href="./college.html#col1">美国领导力学院简介</a>
                        <a href="./college.html#col2">美国领导力学院优势</a>
                        <a href="./college.html#col3">开放校区</a>
                        <a href="./college.html#col4">美国领导力学院掠影</a>
                        <a href="./college.html#col5">美国领导力学院荣誉</a>
                    </div>
                </li>
                <li>
                    <a href="./news.html">最新资讯</a>
                    <span></span>
                           <div class="navertc">
                                      <a href="./news.html#news1">企业资讯</a>
                        <a href="./news.html#news2">学校资讯</a>
                        <a href="./news.html#news3">留学新闻</a>
                           </div>
                </li>
                <li>
                    <a href="./qa.html">Q&A</a>
                    <span></span>
                           <div class="navertc">
                                  <a href="./qa.html">常见问题</a>
                           </div>
                </li>
                <li>
                    <a href="./contact.html">联系我们</a>
                    <span></span>
                    <div class="navertc">
                           <a href="./contact.html">联系我们</a>
                        <a href="./contact.html">联系我们</a>
                    </div>
                </li>
                <div class="clisenav"></div>
            </ul>
    
            <div class="header-search">
                <img src="./images/header-search.png" />
                <input placeholder="搜索"/>
            </div>
            <div class="m-icon" id="m-more">
                <img src="./images/more.png" class="more"/>
            </div>
        </div>
    </div>
</header>
<div class="headerhei"></div>
<div class="m-mask"></div>